<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <meta name="keywords" content="互联网信息安全技术手段公共服务平台" />
  <meta name="description" content="互联网信息安全技术手段公共服务平台" />
  <title>互联网信息安全技术手段公共服务平台</title>
  <link rel="stylesheet" href="static/css/bootstrap.min.css" />
  <script src="static/js/jquery-3.2.1.min.js"></script>
  <script src="static/js/lodash.js"></script>
  <script src="static/js/bootstrap.min.js"></script>
  <style>
    body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select,div{
      margin:0;
      padding:0;
      box-sizing: border-box;
    }
    a{
      text-decoration:none;
    }
    li{
      list-style:none;
    }
    table{
      border-collapse:collapse;
      border-spacing:0;
    }
    .serve{
      margin:10px 20px;
    }
    .serve .content{
      border:1px solid #6BC4E5;
      line-height: 24px;
      margin-top:15px;
    }
    .ul-left{
      width: 100px;
    }
    .ul-left li,.ul-center li, .ul-right li{
      padding:5px 20px;
      text-align: center;
      border-bottom: 1px solid #6BC4E5;
    }
    .ul-center li,.ul-right li{
      border-left: 1px solid #6BC4E5;
    }
    .ul-center{
      width:calc(100% - 250px)
    }
    .ul-right{
      width:150px;
    }
    .ul-left li:last-child,.ul-center li:last-child, .ul-right li:last-child{
      border-bottom: none;
    }
    .ul-left li:first-child,.ul-center li:first-child, .ul-right li:first-child{
      font-size:16px;
      font-weight: bold;
    }
    .fl{
      float: left;
    }
    .fr{
      float: right;
    }
    .clearfix:after {
      content: " ";
      display: block;;
      line-height: 0;
      height: 0;
      visibility: hidden;
      clear: both;
    }
    h3{
      text-align: center;
    }
    .info{
      text-align: center;
      margin:10px 0px;
    }
    
  </style>
</head>

<body>
  <div class="serve">
    <h3>综合评价结果</h3>
    <div class="content clearfix">
      <ul class="ul-left fl">
        <li>序号</li>
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
        <li>5</li>
        <li>6</li>
        <li>7</li>
        <li>8</li>
        <li>9</li>
        <li>10</li>
        <li>11</li>
        <li>12</li>
        <li>13</li>
        <li>14</li>
        <li>15</li>
        <li>16</li>
        <li>17</li>
      </ul>
      <ul class="ul-center fl">
        <li>厂商名称</li>
        <li>北京傲盾软件有限责任公司</li>
        <li>北京浩瀚深度信息技术股份有限公司</li>
        <li>北京微智信业科技有限公司</li>
        <li>北京亚鸿世纪科技发展有限公司</li>
        <li>成都思维世纪科技有限责任公司</li>
        <li>大连致远信息科技有限公司</li>
        <li>福州慧林网络科技有限公司</li>
        <li>广东亿迅科技有限公司</li>
        <li>国瑞数码安全系统股份有限公司</li>
        <li>杭州迪普科技股份有限公司</li>
        <li>恒安嘉新（北京）科技股份公司</li>
        <li>华为技术有限公司</li>
        <li>上海创旗天下科技股份有限公司</li>
        <li>亿阳信通股份有限公司</li>
        <li>中国电信系统集成有限公司</li>
        <li>中新网络信息安全股份有限公司</li>
        <li>中盈优创资讯科技有限公司</li>
      </ul>
      <ul class="ul-right fr">
        <li>评价结果</li>
        <li>★★★</li>
        <li>★★★</li>
        <li>★</li>
        <li>★★★★</li>
        <li>★★★</li>
        <li>★★★</li>
        <li>★★★★</li>
        <li>★★</li>
        <li>★★</li>
        <li>★★</li>
        <li>★★</li>
        <li>★★</li>
        <li>★★★</li>
        <li>★★</li>
        <li>★</li>
        <li>★★</li>
        <li>★★</li>
      </ul>
    </div>
    <div class="info">注：厂商顺序按公司名称首字母排列。</div>
  </div>
  <script type="text/template" id="treadTpl">

  </script>
  <script>

  </script>
</body>

</html>